<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>登录</title>

    <!-- Bootstrap -->
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/index.css" rel="stylesheet">
    <style>
		#recipient-name1{
			background: transparent;
			display: inline-block;
			width: calc(100% - 30px);
			border:none;
		}
		.kk_img{
			margin:auto;
			width: 25px;
			height: 25px;
		}
		.img-responsive1{
			display: block;
		    max-width: 100%;
		    height: auto;
		}
/*                .bgfilter{
                    height: 100%;width: 100%;
                    position: absolute;
                }*/
    </style>
</head>

<body>
    <div class="container-fluid">
        <div class="language_wrap">
            <a class="language_btn" href="javascript:;" style="background: transparent;"></a>
        </div>
        <div class="logo">
            <img src="img/logo.png" class="img-responsive1" alt="Responsive image" style="margin:0 auto;">
        </div>
        <p class="compEnglishName">Encrypted continent</p>
        <h2 class="compName">加密大陆</h2>
        <div class="login_btn_lists">
            <div class="login_btn def_login">登录</div>
            <!-- 上拉登录按钮 -->
            <div class="login_btn_list">
                <div class="login_btn ethLogin" data-toggle="modal" data-target="#exampleModal" data-whatever="请输入ETH钱包地址">ETH登录</div>
                <div class="login_btn btcLogin" data-toggle="modal" data-target="#exampleModal" data-whatever="请输入BTC钱包地址">BTC登录</div>
            </div>
        </div>
    </div>

    <!-- 弹框 -->
    <div class="modal fade" id="exampleModal">
<!--        <div class="bgfilter">
            <div ></div>
        </div>-->
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bb0">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <input type="text" class="form-control text-center" id="recipient-name">
                    </div>
                </div>
                <div class="modal-footer bt0">
                    <button type="button" class="btn btn_default bound_btn">绑定</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="exampleModal1">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-content">
                    <div class="modal-header bb0">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body">
                        <form>
                            <div class="form-group" style="border:1px solid #ccc;">
                                <input type="password" class="form-control text-center" id="recipient-name1" placeholder="请设置支付密码">
                                <img class="kk_img" src="img/zy.png" data="1">
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer bt0">
                        <button type="button" class="btn btn_default pay_btn">确定</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<!--preload-->
	<section id="preloader">
		<div class="loading-circle fa-spin"></div>
		<div class="loading-circle2">
			<img src="img/logo.png">
		</div>
	</section>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="./js/jquery-2.1.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/index.js"></script>
    <script type="text/javascript">
        $(document).on('show.bs.modal', '.modal', function(event) {
            $(this).appendTo($('body'));
        }).on('shown.bs.modal', '.modal.in', function(event) {
            setModalsAndBackdropsOrder();
        }).on('hidden.bs.modal', '.modal', function(event) {
            setModalsAndBackdropsOrder();
        });

        function setModalsAndBackdropsOrder() {
            var modalZIndex = 1060;
            $('.modal.in').each(function(index) {
                var $modal = $(this);
                modalZIndex++;
                $modal.css('zIndex', modalZIndex);
                $modal.next('.modal-backdrop.in').addClass('hidden').css('zIndex', modalZIndex - 1);
            });
            $('.modal.in:visible:last').focus().next('.modal-backdrop.in').removeClass('hidden');
        }

        //覆盖Modal.prototype的hideModal方法
        $.fn.modal.Constructor.prototype.hideModal = function() {
            var that = this
            this.$element.hide()
            this.backdrop(function() {
                //判断当前页面所有的模态框都已经隐藏了之后body移除.modal-open，即body出现滚动条。
                $('.modal.fade.in').length === 0 && that.$body.removeClass('modal-open')
                that.resetAdjustments()
                that.resetScrollbar()
                that.$element.trigger('hidden.bs.modal')
            })
        }
    </script>
    	<script src="js/web3.min.js"></script>
		<script>
			//初始化方法 start
			var Web3 = require('web3');
			var BigNumber = require('bignumber.js');
			//制使用外部的节点
//			web3 = new Web3(new Web3.providers.HttpProvider("http://localhost:7545"));
			web3 = new Web3(new Web3.providers.HttpProvider("https://mainnet.infura.io/9493c841a11a47eeb34913c68fcfa87d"));
			//初始化方法 end
		</script>
    <script src="./js/login.js"></script>
</body>

</html>